<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
	<meta http-equiv="cleartype" content="on">
	<title></title>
	<link href="css/jquery-ui.css" rel="stylesheet" type="text/css"/>
	<link href="css/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui.js"></script>
    <script type="text/javascript" src="scripts/ui.datepicker-fr.js"></script>
    <script type="text/javascript" src="scripts/main.js"></script>
</head>
<body>
<div id="wrapper">
	<div class="header">
		<input class="header-button-left" type="button" value="Retour">
		<span>Ma table</span>
	</div>

	<div class="content" id="content">

		<ul class="form-list">
			<li class="form-list-item">
				<div class="item-left line20">A:</div>
				<div class="item-flex flex40">
					<span class="item-flex-middle">
						Pizza les Artistes<br/>
						98 bd de Grenelle<br/>
						75015 Paris
					</span>
				</div>
			</li>
			<li class="form-list-item large">
				<div class="item-left">Pour :</div>
				<div class="item-right">
					<div class="number-box">
						<div class="number-box-button up">+</div>

						<div class="number-box-label vertical">
							<label id="qty1">10</label>
						</div>
						<div class="number-box-button down">-</div>
					</div>
					<div class="item-right-unit">personne(s)</div>
				</div>
			</li>
			<li class="form-list-item">
				<div class="item-left"><strong>Date :</strong></div>
				<div class="item-right">
					<div class="item-date">
						<div class="item-date-left active">Aujourd'hui</div>
						<div class="item-date-right">
							<input type="text" id="chooseDate" readonly="readonly" value="Un autre jour">
						</div>

					</div>
				</div>

			</li>
			<li class="form-list-item large">
				<div class="item-left">Heure :</div>
				<div class="item-right invites-guest">
					<div class="number-box">
						<div class="number-box-button up">+</div>
						<div class="number-box-label vertical">
							<label id="hour">14</label>
						</div>
						<div class="number-box-button down">-</div>
					</div>
					<div class="item-right-unit">h</div>
					<div class="number-box">
						<div class="number-box-button up">+</div>
						<div class="number-box-label vertical">
							<label id="minute">15</label>
						</div>
						<div class="number-box-button down">-</div>
					</div>
                    <div class="item-flex flex80">
	                    <span class="item-flex-middle small-text center-text">Vous pouvez réserver<br/> jusqu’à 12h30 le jour même</span>
                    </div>
				</div>

			</li>
		</ul>
		<ul class="result-list ma-tab">
			<li class="result-item">
				<div class="item-content item-flex flex60">
					<span class="item-flex-middle">Pizza Les Artistes, 98 bd de Grenelle, 75015 Paris
					Pizza Les Artistes, 98 bd de Grenelle, 75015 Paris</span>
				</div>
			</li>
			<li class="result-item">
				<div class="item-content item-flex flex60">
					<span class="item-flex-middle">Pizza Les Artistes, 98 bd de Grenelle, 75015 Paris</span></div>
			</li>
		</ul>
	</div>
</div>
</body>
</html>